<!--
@fucntion: 详细数据
-->
<template>
  <el-card style="background-color: #F2F6FC;">
    <el-card style="background-color: #DCDFE6;"> 
      <span style="font-size:14px;">{{DetailedData.CJQMC}}</span>
      <el-button  plain size="mini" style="float:right" 
        @click="$router.go(-1)">返回
      </el-button> 
      <el-button type="primary" plain size="mini" style="float:right" 
        @click="$router.push({path: '/TemperatureAndHumidity/History', query:{ID : sentry}})">历史数据
      </el-button> 
    </el-card>

    <el-form ref="DetailedData" 
    :model="DetailedData" 
    :rules="DetailedData" 
    label-position="right" 
    label-width="105px" 
    size="mini" 
    status-icon>
    <el-card style="width: 100%;height:600px;">

      <el-card>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="采集器编号" >
              <el-input  v-model="DetailedData.CJQBH" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="网关唯一码" >
              <el-input  v-model="DetailedData.UUID" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="分组编号" >
              <el-input  v-model="DetailedData.GROUPID" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="采集器ID" >
              <el-input  v-model="DetailedData.CJQID" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="采集器类型" >
              <el-input  v-model="DetailedData.CJQLX" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="规格型号" >
              <el-input  v-model="DetailedData.GGXH" :readonly="true"></el-input>
            </el-form-item>·
          </el-col>
          <el-col :span="12">
            <el-form-item label="生产厂家" >
              <el-input  v-model="DetailedData.SCCJ" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="采集器序列号" >
              <el-input  v-model="DetailedData.CJQXLH" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="采集器状态" >
              <el-input  v-model="DetailedData.CJQZT" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="科室名称" >
              <el-input  v-model="DetailedData.DWMC" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="购买日期" >
              <el-input  v-model="DetailedData.GMRQ" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="启用日期" >
              <el-input  v-model="DetailedData.QYRQ" :readonly="true"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>


          <el-card>
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="温度范围" prop="WDFW">
                  <el-input  style="width: 40%" v-model="DetailedData.WDSXZ" placeholder="温度上限值" :readonly="true"><template slot="append">℃</template></el-input>-
                  <el-input  style="width: 40%" v-model="DetailedData.WDXXZ" placeholder="温度下限值" :readonly="true"><template slot="append">℃</template></el-input><!--{{DetailedData.WDDW}} -->
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="湿度范围" prop="SDFW">
                  <el-input  style="width: 40%" v-model="DetailedData.SDSXZ" placeholder="湿度上限值" :readonly="true"><template slot="append">%HR</template></el-input>-
                  <el-input  style="width: 40%" v-model="DetailedData.SDXXZ" placeholder="湿度下限值" :readonly="true"><template slot="append">%HR</template></el-input><!--{{DetailedData.SDDW}} -->
                </el-form-item>
              </el-col>
            </el-row>
          </el-card>

    </el-card>
    </el-form>
  </el-card>
</template>

<script>

export default {
  name: "Detailed",
  methods: {

  },
  data() {
    return {
      sentry:'',
      DetailedData:{},
    };
  },
  methods: {
    //刷新页面
    Refresh() {
      var me = this;
      let url = "/static/data/Detailed.json";// /jcJsxxb
      if(url !== "") {
        me.getRequest(url).then(resp => {
            if(resp.status == 200) {
              this.DetailedData = resp.data;
            }
        });
      }
    },
  },
  created: function() {
    var me = this;

    this.sentry = this.$route.query.ID//储存url中的参数

    this.Refresh()
  }
};
</script>

<style lang="scss">
</style>